<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咸鱼云 - 管理员</title>
    <link rel="stylesheet" href="/src/css/base.css">
    <link rel="stylesheet" href="/src/css/menu.css">
    <script src="/src/js/base.js"></script>
    <script src="/src/js/ajax.js"></script>
    <style>
        header{
            line-height: 60px;
            background-color: rgb(131, 184, 243);
            padding: 0 40px;
            color: white;
            font-weight: bold;
            font-size: 24px;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10;
        }
        main{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: flex;
        }
        main>*{
            padding-top: 60px;
        }
        .menu-bar{
            z-index: 1;
            width: 320px;
            background-color: rgb(255, 255, 255);
            overflow: auto;
        }
        .content{
            /* padding-left: 32px; */
            flex-grow: 1;
            background-color: rgba(255, 255, 255, 0.8);
        }
        .content iframe{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body class="slide-in-slow">
    <header>
        <span>咸鱼云</span>
    </header>
    <main>
        <div class="menu-bar">
            <ul class="menu">
                <li class="menu-item"><a href="/admin/overview.html" target="content">总览</a></li>
                <li class="sub-menu">
                    <span>资源贡献</span>
                    <ul class="menu">
                        <li class="menu-item"><a href="/admin/resourceVerify.html" target="content">资源审核</a></li>
                        <li class="menu-item"><a href="/admin/resourceVerifyHistory.html" target="content">历史贡献</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <span>系统管理</span>
                    <ul class="menu">
                        <li class="menu-item"><a href="/admin/cacheManager.html" target="content">缓存管理</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <span>媒体管理</span>
                    <ul class="menu">
                        <li class="menu-item"><a href="/admin/playlist.html" target="content">发现音乐</a></li>
                    </ul>
                </li>
                <li class="menu-item">
                    <li class="menu-item"><a href="/admin/log.html" target="content">查看日志</a></li>
                </li>
                <li class="menu-item"><a href="/public" target="content">主页预览</a></li>
            </ul>
        </div>
        <div class="content">
            <iframe name="content" frameborder="0" src="/admin/overview.html"></iframe>
        </div>
    </main>
    <script>
        aoej.load()
        $ajax("post","/api/User/getInfo",null,res=>{
            aoej.finish()
            if(res.data.status != 1){
                $alert("提示","未登录",()=>{
                    location.href = "/page/login.html?from=/admin"
                })
            }
        })
    </script>
</body>
</html>
